<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:nf="http://novelfaces.be/jsf/comp"
	xmlns:nfsc="http://novelfaces.be/showcase/jsf/comp">

<p class="intro">Sometimes you might need to configure a special character as separator that can cause a javascript error such as an apostrophe. 
In this case you can provide your own predefined variable.</p>
<div class="fieldGroup">
	<h:outputLabel id="predefinedVariableLabel" for="predefinedVariableInput"
		value="#{rb.numpad_typing} an apostrophe" />
	<nf:numpadDecSep id="predefinedVariableDecSep" separator="APOSTROPHE" 
		predefinedVariable="{'APOSTROPHE': &quot;'&quot;}">
		<h:inputText id="predefinedVariableInput" />
	</nf:numpadDecSep>
</div>

</ui:composition>
